.page {
  display: flex;
  flex-direction: column;

  .nav {
    display: flex;
    padding: 0 20rpx;
    background-color: #e2e2e2;

    .default {
      font-size: 28rpx;
      padding: 20rpx 0;
      text-align: center;
      flex: 1;
    }

    .active {
      color: #009966;
      border-bottom: 2px solid #009966;
    }
  }

  .list {
    display: flex;
    border-bottom: 1px solid #ccc;
    padding: 20rpx;

    .post {
      width: 220rpx;
      height: 240rpx;
      flex-shrink: 0;
      /* 当 剩余空间不够时, 图片不会被缩放 */
    }

    .info {
      margin-left: 20rpx;
      font-size: 30rpx;
      color: #333;
      line-height: 44rpx;

      .name {
        font-size: 30rpx;
        font-weight: 800;
        color: #000;
      }

      .price {
        margin-top: 10rpx;

        .org-price {
          color: #e53d30;
          font-size: 38rpx;
          font-weight: bold;
        }

        .new-price {
          text-decoration: line-through;
          margin-left: 20rpx;
        }
      }
    }
  }

  .list-wrapper {
    height: calc(100vh - 84px);
  }
}